<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>学生管理系统</title>
    <link rel="stylesheet" href="/vender/bootstrap/css/bootstrap.min.css">
</head>
<body>
    <div class="container" id="header">
        <h1 class="text-center m-3">学生管理系统</h1>
        <h5 class="text-center">
            <a href="/">首页</a> | 
            <a href="/add">添加</a>
        </h5>
        <hr/>
        {{#if status}}
                <div class="alert alert-{{ status }}" role="alert">
                {{ cont }}
                </div>
        {{/if}}
    </div>
    {{{ body }}}
    <script src="/vender/jquery.min.js"></script>
    <script src="/vender/popper/popper.min.js" ></script>
    <script src="/vender/bootstrap/js/bootstrap.min.js"></script>
    <script>
        $(function(){
             if ($("#header div").hasClass('alert')) {
                 setTimeout(function(){$("#header .alert").alert('close');}, 3000);
             }
        });
    </script>
</body>
</html>